<template>
  <div class="container">
    <!-- 导航菜单栏 -->
    <MenuBar></MenuBar>
    <!-- 头部区域 -->
    <HeadBar></HeadBar>
    <!-- 主内容区域  -->
    <Main></Main>
  </div>
</template>

<script>
import HeadBar from './HeadBar/HeadBar'
import MenuBar from './MenuBar/MenuBar'
import Main from './Main/Main'
export default {
  name: 'Home',
  components: {
    HeadBar,
    MenuBar,
    Main
  },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>

<style scoped lang="scss">
  .container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
</style>
